{template 'header'}
{template 'slide'}
<style>
body{
font:{$_W['styles']['fontsize']} {$_W['styles']['fontfamily']};
color:{$_W['styles']['fontcolor']};
padding:0;
margin:0;
background-image:url('{if !empty($_W['styles']['indexbgimg'])}{$_W['styles']['indexbgimg']}{/if}');
background-size:cover;
background-color:{if empty($_W['styles']['indexbgcolor'])}#f5f5f5{else}{$_W['styles']['indexbgcolor']}{/if};
{$_W['styles']['indexbgextra']}
}
a {
	color: #666;
	text-decoration: none;
}
a:hover {text-decoration: none;color: #666;}
.box {
	overflow: hidden;
	display: block;
	background-color: #eaebeb;
}
.c1 {
	width: 25%;
	display: block;
	float: left;
	height: 90px;
	text-align: center;
}
.c1 i {
	display: block;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	height: 50px;
	width: 50px;
}
.c2 {
	width: 100%;
	line-height: 33px;
	height: 33px;
	display: block;
	clear: both;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #cccccc;
	background-color: #ebecec;
	font-size: 14px;
	font-weight: bold;
	background-image: url(./themes/mobile/style89/images/bgt.png);
	background-repeat: repeat-x;
}
.c2 img {
	float: left;
	height: 20px;
	width: 20px;
	margin-top: 4px;
	margin-right: 8px;
	margin-bottom: 4px;
	margin-left: 8px;
}
.c3 {
	line-height: 37px;
	text-align: center;
	height: 39px;
	width: 25%;
	display: block;
	float: left;
	background-image: url(./themes/mobile/style89/images/bg.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
}
.c4 {
	line-height: 37px;
	text-align: center;
	height: 39px;
	width: 25%;
	display: block;
	float: left;
	background-image: url(./themes/mobile/style89/images/bg.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
}
</style>
<div class="box">

  <a href="{$navs[0]['url']}" class="c1">
    {if !empty($nav['icon'])}
		<i style="background:url({$_W['attachurl']}{$navs[0]['icon']}) no-repeat;background-size:cover;"></i>
		{else}
		<i class="{$navs[0]['css']['icon']['icon']}" style="{$navs[0]['css']['icon']['style']}"></i>
		{/if}
    <span style="{$nav['css']['name']}">{$navs[0]['name']}</span>
  </a>
    <a href="{$navs[1]['url']}" class="c1">
    {if !empty($nav['icon'])}
		<i style="background:url({$_W['attachurl']}{$navs[1]['icon']}) no-repeat;background-size:cover;"></i>
		{else}
		<i class="{$navs[1]['css']['icon']['icon']}" style="{$navs[1]['css']['icon']['style']}"></i>
		{/if}
    <span style="{$nav['css']['name']}">{$navs[1]['name']}</span>
  </a>
    <a href="{$navs[2]['url']}" class="c1">
    {if !empty($nav['icon'])}
		<i style="background:url({$_W['attachurl']}{$navs[2]['icon']}) no-repeat;background-size:cover;"></i>
		{else}
		<i class="{$navs[2]['css']['icon']['icon']}" style="{$navs[2]['css']['icon']['style']}"></i>
		{/if}
    <span style="{$nav['css']['name']}">{$navs[2]['name']}</span>
  </a>
    <a href="{$navs[3]['url']}" class="c1">
    {if !empty($nav['icon'])}
		<i style="background:url({$_W['attachurl']}{$navs[3]['icon']}) no-repeat;background-size:cover;"></i>
		{else}
		<i class="{$navs[3]['css']['icon']['icon']}" style="{$navs[3]['css']['icon']['style']}"></i>
		{/if}
    <span style="{$nav['css']['name']}">{$navs[3]['name']}</span>
  </a>
  
  <div class="c2"><img src="./themes/mobile/style89/images/Kc54PV5vOm.png" />展示功能</div>  
  
<a href="{$navs[4]['url']}" class="c3">{$navs[4]['name']}</a>
<a href="{$navs[5]['url']}" class="c3">{$navs[5]['name']}</a>
<a href="{$navs[6]['url']}" class="c3">{$navs[6]['name']}</a>
<a href="{$navs[7]['url']}" class="c3">{$navs[7]['name']}</a>
<a href="{$navs[8]['url']}" class="c3">{$navs[8]['name']}</a>
<a href="{$navs[9]['url']}" class="c3">{$navs[9]['name']}</a>
<a href="{$navs[10]['url']}" class="c3">{$navs[10]['name']}</a>
<a href="{$navs[11]['url']}" class="c3">{$navs[11]['name']}</a>


<div class="c2"><img src="./themes/mobile/style89/images/d6kDeUAoyT.png" />互动功能</div>

<a href="{$navs[12]['url']}" class="c3">{$navs[12]['name']}</a>
<a href="{$navs[13]['url']}" class="c3">{$navs[13]['name']}</a>
<a href="{$navs[14]['url']}" class="c3">{$navs[14]['name']}</a>
<a href="{$navs[15]['url']}" class="c3">{$navs[15]['name']}</a>

<div class="c2"><img src="./themes/mobile/style89/images/OmFHZJqOmz.png" />营销功能</div>

<a href="{$navs[16]['url']}" class="c3">{$navs[16]['name']}</a>
<a href="{$navs[17]['url']}" class="c3">{$navs[17]['name']}</a>
<a href="{$navs[18]['url']}" class="c3">{$navs[18]['name']}</a>
<a href="{$navs[19]['url']}" class="c3">{$navs[19]['name']}</a>
<a href="{$navs[20]['url']}" class="c3">{$navs[20]['name']}</a>
<a href="{$navs[21]['url']}" class="c3">{$navs[21]['name']}</a>
<a href="{$navs[22]['url']}" class="c3">{$navs[22]['name']}</a>
<a href="{$navs[23]['url']}" class="c3">{$navs[23]['name']}</a>

</div>
{template 'footer'}
